@CHARSET "UTF-8";


#mainpage{position:relative;border:1px solid #ffffff;width: 95%px;
		  height: auto;margin:0 auto;}
.menu{position:absolute;border:1px solid #ffffff;}


#title{width:100%;height:100px;background-image:url(../img/H1.jpg);}
#login{width:100%;height:100px; top:105px;background-image:url(../img/H2.jpg);}
#join{width:100%;height:100px;top:210px;background-image:url(../img/H3.jpg);}
#member{width:100%;height:100px;top:315px;background-image:url(../img/H4.jpg);}
#guest{width:100%;height:100px;top:420px;background-image:url(../img/H5.jpg);}
#board{width:100%;height:100px;top:525px;background-image:url(../img/H6.jpg);}
#eat{width:100%;height:100px;top:630px;background-image:url(../img/H7.jpg);}
#foot{width:100%;height:100px;top:740px;text-align:center;}

#member_info{width:100%;height:100px; top:105px;background-color:#e7b20c;}
#member_manage{width:100%;height:100px;top:210px;background-color: #b11e14;}

@media all and (min-width:500px){
	
}
@media all and (min-width:500px) and (max-width:980px){
	#mainpage{width: 585px;height: auto;margin:0 auto;}
	#login{width:380px;height:200px;top:0px;background-image:url(../img/N1.jpg);}
	#title{width:380px;height:160px;top:205px;background-image:url(../img/N2.jpg);}
	#join{width:380px;height:200px;top:370px;background-image:url(../img/N3.jpg);}
	#member{width:200px;height:570px;top:0px;left:385px;background-image:url(../img/N4.jpg);}
	#guest{width:585px;height:180px;top:575px;left:0px;background-image:url(../img/N5.jpg);}
	#board{width:325px;height:180px;top:760px;left:0px;background-image:url(../img/N6.jpg);}
	#eat{width:255px;height:180px;top:760px;left:330px;background-image:url(../img/N7.jpg);}
	#foot{width:100%;height:100px;top:945px;text-align:center;}
	
	#member_info{width:380px;height:200px;top:0px;background-color:#e7b20c;}
	#member_manage{width:380px;height:200px;top:370px;background-color: #b11e14;}
	
		
}
@media all and (min-width:980px){
	#mainpage{width: 980px;height:auto;margin:0 auto;}
	#login{width:405px;height:230px;top:0px;background-image:url(../img/1.jpg);}
	#title{width:405px;height:160px;top:235px;background-image:url(../img/2.jpg);}
	#guest{width:405px;height:450px;top:400px;background-image:url(../img/3.jpg);}
	#member{width:240px;height:520px;top:0px;left:410px;background-image:url(../img/4.jpg);}
	#join{width:325px;height:255px;top:0px;left:655px;background-image:url(../img/5.jpg);}
	#eat{width:325px;height:260px;top:260px;left:655px;background-image:url(../img/6.jpg);}
	#board{width:570px;height:325px;top:525px;left:410px;background-image:url(../img/7.jpg);}
	#foot{width:100%;height:100px;top:860px;text-align:center;}
	
	#member_info{width:405px;height:230px;top:0px;background-color:#e7b20c;}
	#member_manage{width:325px;height:255px;top:0px;left:655px;background-color: #b11e14;}
}